<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
           <meta name="author" content="Zhang Cheng">
		<title></title>
		<script src="js/vue.js" ></script>
	</head>
	<body>
		<div id="app">
			<login></login>
		</div>
		<template id="tem1">
			<div>
				<h1>这是一个私有的组件</h1>
			</div>
		</template>
		<script>
			var app = new Vue({
				el:'#app',
				data:{
					
				},
				methods:{
					
				},
				components:{
					login:{
						template:'#tem1',
					}
				}
			})
			
			
			/*var app = new Vue({
			  el: '#app2',//要控制的元素
			  data: {},//数据
			  methods: {},//需要挂载的方法
			  filters: {},//过滤器
			  directives: {},//定义指令
			  components: { // 定义实例内部私有组件的
			
			  },
			
			  beforeCreate() { },//生命周期函数，data，methods创建前
			  created() { },//创建阶段
			  beforeMount() { },//方法挂载前
			  mounted() { },//挂载阶段
			  beforeUpdate() { },//更新前
			  updated() { },//更新阶段
			  beforeDestroy() { },//销毁前
			  destroyed() { }//销毁阶段
			});*/
		</script>
	</body>
</html>